#head{
	position:relative;
	width:100%;
	top:100px;
}

#tools{
	position:relative;
	width:1000px;
	height:60px;
	margin:0 auto;
	border-top:2px solid #fbcccc;
	border-bottom:2px solid #fbcccc;
}

.headBtn{
	position:float;
	float:right;
	margin-left:10px;
	margin-right:10px;
	margin-top:5px;
	margin-bottom:auto;
}


.search{
	position:relative;
	width:600px;
	margin:auto;
	top:2%
}

#searchInput{
		width:400px;
		height:40px;
}


#body{
	position:relative;
	height:1000px;
	width:100%;
	margin:10px;
	top:100px;
}

.display{
	position:relative;
	width:100%;
	height:50%;
}

.logo{
	position:absolute;
	left:450px;
	top:20px;
}

.bookType{
	position:absolute;
	width:10%;
	height:100%;
	left:500px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-content:center;
}


.typeBtn{
	width:130px;
	height:70px;
	margin:auto;
	border-width:1px;
	border-radius:3px;
	border-color:#c9bfbf;
	cursor: pointer;
	outline:none;
	background:#fbcccc;
	font-family:Microsoft YaHei;
	font-size:18px;
}

.headBtn{
	height:50px;
	width:90px;
	border-width:1px;
	border-radius:3px;
	border-color:#fbcccc;
	cursor: pointer;
	outline:none;
	background:white;
	font-family:Microsoft YaHei;
	font-size:15px;
}

#searchButton{
	width:100px;
	height:40px;
	margin:auto;
	border-width:1px;
	border-radius:3px;
	border-color:#c9bfbf;
	cursor: pointer;
	outline:none;
	background:#fbcccc;
	font-family:Microsoft YaHei;
	font-size:15px;
}

#scoller{	
	position:absolute;
	left:45%;
	top:15%;
	
	margin-left:-200px;
	overflow:hidden;
}	
